import name from "./js/a.js" // es6 模块导入
// document.writeln("<h2>webpack真难学！</h2>")
document.getElementById('test').innerHTML="<h2>webpack真难学！</h2>"

require('./css/a.css')
require('./css/b.less')

console.log('aaa');
console.log(name);

const {add,mul,decrease} = require("./js/mathUtils.js")

console.log(add(10,20)); //30
console.log(mul(20,30)); //600
console.log(decrease(50,2));

import Vue from 'vue'
import App from './vue/app.vue'

new Vue({
    el:'#app',
    template:`
        <App/> 组件在template里使用
    `,
    comments:{
        App
    }
})


// 什么是webpack？


//es6  之前  es5  commonJS

// 现代的javascript 静态模块打包工具 
// 模块  打包

// 整合依赖关系，包括理解比如说es5语法中commonjs等模块化语法，全部转换成游览器可识别的代码



